<template>
  <div class="realtime-complist">
    <!--  当前已选的组件列表，可用于快速操作  -->
    <div v-for="(item,index) in componentData" :key="item.id">
      <p>{{ index + 1 }}. {{item.label}}</p>
    </div>
  </div>
</template>

<script>
import {mapState} from "vuex";

export default {
  name: "RealTimeComponentList",
  computed: mapState([
    'componentData', 'curComponent'
  ]),
  methods:{

  }
}
</script>

<style lang="scss" scoped>
.realtime-complist{
  height: 40%;
  padding: 20px;
  text-align: left;

}
</style>
